<template>
    <p>vuex</p>
    <p>count{{ count }}</p>
    <p>tenTimes:{{ tenTimes }}</p>
    <button @click="updateVuexCount">updateVuexCount</button>
</template>

<script setup>
import {computed} from 'vue'
import {useStore} from 'vuex'
const store = useStore()
const count = computed(()=>store.state.count)
const tenTimes = computed(()=>store.getters.tenTimes)
const updateVuexCount = ()=>{
    store.commit("increment",{count:20})
}
</script>